﻿<?xml version="1.0" encoding="utf-8" ?>
<View
  xmlns="http://mobileui.codeplex.com/v1"
  DesiredSize="Unbound">

  <View.MenuBar>
    <MenuBar>
      <MenuBar.MenuItems>
        <MenuBarItem Text="Back" Command="{Binding BackCommand}"/>
      </MenuBar.MenuItems>
    </MenuBar>
  </View.MenuBar>
  
  <DrawingPanel DesiredSize="Unbound" Background="{null}">
    <DrawingPanel.LayoutEngine>
      <StackLayout Margin="0" Padding="0"/>
    </DrawingPanel.LayoutEngine>

    <DrawingPanel DesiredSize="UnboundAxis,60" Background="220,220,220">
      <TextElement DesiredSize="750, 50" AutoSize="True" Text="Route Selection" Foreground="120,120,120" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </DrawingPanel>

    <ItemsControl DesiredSize="Unbound" Background="255,200,200" Items="{Binding Routes}">
      <ItemsControl.ItemTemplate>
        <DataTemplate>
          <DataTemplate.Template>
            <NavigationButtonBar Image="Commute.Properties.Resources.Bus_Route_NoText_76x76,Commute" DesiredSize="UnboundAxis,80" Text="{Binding Name}" SecondaryText="{Binding Description}" Command="{TemplateBinding ResultCommand}"/>
          </DataTemplate.Template>
        </DataTemplate>
      </ItemsControl.ItemTemplate>
    </ItemsControl>

  </DrawingPanel>
  
</View>
